<template>
	<view class="content">
		<view class="nav">
			<image src="http://q79q98ocd.bkt.clouddn.com/back.png" @click="tozizhiCenter()"></image>
			资质中心
		</view>
		<view class="offer">
			<view class="offers">
				<view class="title">资质类型</view>
				<input class="inputs" type="text" placeholder="四海认证" />
				<image src="../../../static/img/store-more.png" class="mores"></image>
			</view>
			<view class="offers">
				<view class="title">编号</view>
				<input class="inputs" type="text" placeholder="123456789" />
			</view>
			<view class="offers">
				<view class="title">有效时间</view>
				<input class="inputs" type="text" placeholder="至2020年3月17" />
			</view>
			<view class="offers">
				<view class="title titles">上传资质图片</view>
				 <image src="../../../static/img/zizhiphoto.png" class="photo"></image>
			</view>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			
		}
	},
	onLoad:function(e) {
		console.log(e.id);
	},
	methods:{
		tozizhiCenter(){
			uni.reLaunch({
				url: 'zizhicenter'
			});
		},
	}
	
}
</script>

<style lang="scss">
.content{
	.nav{
		padding: 70upx 0 10upx 0;
		text-align: center;
		position: relative;
		border-bottom: #F00;
		font-size:36upx;
		font-weight:500;
		color: #333;
		image{
			width: 35upx;
			height: 35upx;
			vertical-align: middle;
			position: absolute;
			left: 30upx;
			bottom: 16.5upx;
		}
	}
	.offer{
		.offers{
			overflow: hidden;
			padding: 35upx 30upx ;
			border-bottom: 1px solid #F9F9F9;
			position: relative;
			.title{
				float: left;
				width: 200upx;
				line-height: 38upx;
				font-size: 30upx;
				color: #333;
			}
			.inputs{
				font-size: 26upx;
				color: #333;
			}
			.mores{
				position: absolute;
				right: 30upx;
				top: 27upx;
				width: 35upx;
				height: 35upx;
			}
			.titles{
				width: 300upx;
				float: none;
			}
			.photo{
				width: 140upx;
				height: 140upx;
				margin-top: 40upx;
			}
		}
	}
}
</style>
